<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	template="../pages/template.xhtml">
	<ui:define name="head">
		<title>#{msg.informesDemandas}</title>
	</ui:define>
	<ui:define name="center">
		<h:form prependId="false" styleClass="formPrincipal">
			<p:growl id="msgs" showDetail="true" />
			<!-- Mirar el p:collector -->
			<p:ajaxStatus style="width:16px;height:16px;">
				<f:facet name="start">
					<h:graphicImage value="../images/loading.gif" />
				</f:facet>
				<f:facet name="complete">
					<h:outputText value="" />
				</f:facet>
			</p:ajaxStatus>
			<p:panel headerText="#{msg.criterios}" id="nuevo">
				<h:panelGrid columns="3" cellspacing="6">
					<p:panel>
						<h:outputLabel value="#{msg.estado}: "></h:outputLabel>
						<h:panelGrid columns="6">
							<h:outputLabel value="#{msg.activa}"></h:outputLabel>
							<p:selectBooleanCheckbox value="#{informeDemandasBean.activa}" />
							<h:outputLabel value="#{msg.solucionada}"></h:outputLabel>
							<p:selectBooleanCheckbox value="#{informeDemandasBean.solucionada}" />
							<h:outputLabel value="#{msg.archivada}"></h:outputLabel>
							<p:selectBooleanCheckbox value="#{informeDemandasBean.archivada}" />
						</h:panelGrid>
					</p:panel>
					<p:panel>
					<h:outputLabel value="#{msg.fechaCreacion}: "></h:outputLabel>
						<h:panelGrid columns="4">
							<h:outputLabel value="#{msg.de}: "></h:outputLabel>
							<p:calendar effect="explode" locale="es" navigator="true"
								value="#{informeDemandasBean.fechaIni}" pattern="dd/MM/yyyy"
								style="font-size: 15px;" yearRange="c-99:c" />
							<h:outputLabel value="#{msg.a}: "></h:outputLabel>
							<p:calendar effect="explode" locale="es" navigator="true"
								value="#{informeDemandasBean.fechaFin}" pattern="dd/MM/yyyy"
								style="font-size: 15px;" yearRange="c-99:c" />
						</h:panelGrid>
					</p:panel>
					<h:panelGrid columns="2">
						<h:outputLabel value="#{msg.departamento}:"></h:outputLabel>
						<p:selectManyMenu
							value="#{informeDemandasBean.departamentoSeleccionados}"
							style="height:100px">
							<f:selectItems value="#{informeDemandasBean.departamentos}"
								var="dep" itemLabel="#{dep}" itemValue="#{dep}" />
						</p:selectManyMenu>
					</h:panelGrid>
					<p:commandButton value="#{msg.buscar}"
						action="#{informeDemandasBean.filtrar}"
						update="usuariosList,usuarios"></p:commandButton>
					<p:commandButton value="#{msg.limpiar}"
						action="#{informeDemandasBean.limpiar}" update="@form"></p:commandButton>
				</h:panelGrid>
			</p:panel>
			<p:panel header="#{msg.demandasTitle}" style="margin-top: 10px;"
				id="usuariosList">
				<p:dataTable id="listadoDemandas"
					value="#{informeDemandasBean.demandas}" var="demandaVar"
					emptyMessage="#{msg.tablaVacia}" paginator="true" rows="20">
					<p:column headerText="#{msg.estado}" style="width:70px">
						<h:outputText value="#{demandaVar.estado}" />
					</p:column>
					<p:column headerText="#{msg.fechaCreacion}" style="width:70px">
						<h:outputText value="#{demandaVar.fechaCreacion}" />
					</p:column>
					<p:column headerText="#{msg.ultimaModificacion}" style="width:70px">
						<h:outputText value="#{demandaVar.fechaModificacion}" />
					</p:column>
					<p:column headerText="#{msg.tecnico}" style="width:100px">
						<h:outputText
							value="#{demandaVar.tecnicoBean.nombre} #{demandaVar.tecnicoBean.apellidos}" />
					</p:column>
					<p:column headerText="#{msg.usuario}" style="width:100px">
						<h:outputText
							value="#{demandaVar.usuarioBean.nombre} #{demandaVar.usuarioBean.apellidos}" />
					</p:column>
					<p:column headerText="#{msg.descripcion}" style="width:200px">
						<h:outputText value="#{demandaVar.descripcion}" />
					</p:column>
					<p:column headerText="#{msg.documentos}" style="width:100px">
						<ui:repeat var="documentoVar" value="#{demandaVar.documentos}">
							<h:outputLabel value="#{documentoVar.tipo}"></h:outputLabel>
							<br />
						</ui:repeat>
					</p:column>
				</p:dataTable>
				<p:panel headerText="#{msg.generar}">
					<p:commandLink action="#{informeDemandasBean.preProcessPDF}"
						title="#{msg.exportar}" oncomplete="dlgPdf.show();">
						<p:graphicImage value="../images/pdf.png" />
					</p:commandLink>
				</p:panel>
			</p:panel>
			<p:dialog modal="true" header="#{msg.confirmacion}" widgetVar="dlgPdf"
				id="dlgPdf">
				<h:outputLabel value="#{msg.informeGenerado}"></h:outputLabel>
				<p:commandButton value="#{msg.ok1}" onclick="dlgPdf.hide();"></p:commandButton>
			</p:dialog>
		</h:form>
	</ui:define>
</ui:composition>